<style scoped>
.el-card {
  border: none !important;
  border-radius: 10px !important;
  background-color: #04144a !important;
  color: #ffffff !important;
}
.title {
}
.iot-blk {
  height: 49% !important;
}
</style>
<template>
  <div class="iot-blk">
    <div class="hd fl-alc" v-if="title">
      <h2 class="flex-1">{{ title }}</h2>
      <span class="fs-14" style="color:#fff">{{ stitle }}</span>
      <p class="more" v-if="moreType > 0">
        <span v-if="moreType > 0" @click="moreAction">更多</span>
        <i class="iconfont icon-more"></i>
      </p>
      <p class="more" v-if="type == 'planeGraph'">
        <el-button v-if="type == 'planeGraph'" @click="getBigPlaneGraph" size="small">点击放大</el-button>
      </p>
    </div>
    <div class="context">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: "iotBlk",
  props: {
    title: {
      type: String,
      default: "",
    },
    moreType: {
      type: Number,
      default: 0,
    },
    size: {
      type: String,
      default: "small",
    },
    showTitle: {
      type: Boolean,
      default: true,
    },
    stitle: {
      type: String,
      default: "",
    },
    type: {
      type: String,
      default: "",
    },
  },
  computed: {},
  watch: {},
  data() {
    return {
      loading: false,
    };
  },
  methods: {
    moreAction() {
      this.$emit("more");
    },
    getBigPlaneGraph(){
      this.$emit("getBigPlaneGraph");

    }
  },
  created() {
    //
  },
};
</script>
